<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Bubble Grid widget</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; margin-top:6px; margin-bottom:6px; }
p.whs2 { font-size:9pt; margin-top:6px; margin-bottom:6px; }
img_whs3 { border:none; width:633px; height:411px; border-style:none; }
p.whs4 { font-size:10pt; margin-top:6px; margin-bottom:6px; }
p.whs5 { font-weight:bold; font-size:10pt; margin-top:6px; margin-bottom:6px; }
ol.whs6 { list-style:decimal; }
p.whs7 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
ul.whs8 { list-style:disc; }
p.whs9 { font-size:9pt; margin-top:6px; margin-bottom:6px; margin-left:80px; }
p.whs10 { margin-top:6px; margin-bottom:6px; margin-left:12px; }
p.whs11 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Bubble Grid widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Creating 
 a Bubble Grid widget</h1>
<p class="whs2">The Bubble 
 Grid widget conveys information in such a way that an analyst can, at 
 a glance, identify important trends or anomalies in data, relative to 
 the total contribution of accompanying data. In the widget, metric values 
 are plotted as bubbles of different colors and sizes; the colors and sizes 
 of the bubbles represent the values of two distinct metrics on the Grid/Graph. 
 Each bubble is generated at the intersection of two different attribute 
 elements. For example, in the widget below, a single bubble depicts the 
 profit and revenue for books (an element of the Category attribute) in 
 the South region (an element of the Region attribute). </p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><img src="images/defining_bubble_grid_widget.gif" width="633px" height="411px" border="0" class="img_whs3"></p>
<p class="whs2">&nbsp;</p>
<p class="whs2">The Bubble 
 Grid widget is most beneficial when it is used to perform analyses involving 
 key business ratios, such as the number of customers in a store vs. the 
 revenue generated per customer. </p>
<p class="whs2">To successfully 
 create a widget that can be used to analyze data, you must place report 
 objects such as attributes and metrics on the Grid/Graph, which resembles 
 a standard grid template. The report objects and their placement on the 
 Grid/Graph determine how the widget displays data in MicroStrategy Web.</p>
<p class="whs4">&nbsp;</p>
<p class="whs5">To 
 create and add a Bubble Grid widget to a document</p>
<ol type="1" class="whs6">
	
<li style=" font-size: 9pt; " class=p><p class="whs2">Open 
 the document in <span style="font-weight: bold;"><B>Design</B></span> or <span 
 style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs2">From 
 the <span style="font-weight: bold;"><B>Insert</B></span> menu, point to <span 
 style="font-weight: bold;"><B>Widgets</B></span>, and then select <span style="font-weight: bold;"><B>Bubble 
 Grid</B></span>.</p></li>
</ol>
<ol start="3" type="1" class="whs6">
	
<li style=" font-size: 9pt; " class=p><p class="whs2">Click 
 the location on your document, except for the <span style="font-weight: bold;"><B>Detail</B></span><span> 
 section,</span> where you want to place the widget. <span style="font-size: 9pt; margin-top: 6px; margin-bottom: 6px;"><font size=1 style="font-size:9pt;">The 
 Grid/Graph, which appears similar to a standard grid container, is displayed. 
 A small icon at the bottom right corner of the Grid/Graph identifies the 
 type of widget you have added to the document.</font></span></p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs2">If 
 desired, resize the widget by clicking and dragging its handles.</p></li>
</ol>
<p class="whs7">&nbsp;</p>
<p class="whs7">Add 
 objects to the Grid/Graph that contains the widget</p>
<ol start="5" type="1" class="whs6">
	
<li style=" font-size: 9pt; " class=p><p class="whs2">From 
 the Dataset Objects panel on the left, select attributes and metrics, 
 and drag them on top of the widget, as described below.</p></li>
	<ul type="disc" class="whs8">
		
<li style="font-size: 9pt;" class=p><p class="whs2">Place<span 
 style="font-weight: bold;"><B> two attributes</B></span> on the Grid/Graph's 
 rows. </p></li>
	</ul>
</ol>
<p class="whs9"><span 
 style="font-weight: bold;"><B>Note</B></span><span>: </span>Bubbles are generated 
 at the intersections of the elements from these attributes.</p>
<ol type="1" class="whs6">
	<ul type="disc" class="whs8">
		<ul type="disc" class="whs8">
			
<li style="font-size: 9pt;" class=p><p class="whs2">Elements 
 from the first (left-most) object are displayed on the X-axis of the widget. 
 This object represents one of the business areas that can be analyzed 
 in the widget. </p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs2">To 
 analyze data along the X-axis relative to time, use a time-based attribute 
 such as Hour, Day, or Month. If you use an Hour or Day attribute, apply 
 a view filter to the Grid/Graph to limit the amount of hours or days displayed 
 at the same time in the widget. For more information about View filters, 
 see 
<a href="Creating_view_filters_on_Grid_Graphs.htm">Creating, editing, 
 and deleting view filters in Grid/Graphs in documents</a>.</p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs2">Elements 
 from the second object are displayed on the Y-axis of the widget. This 
 object represents the other business area that can be analyzed in the 
 widget.</p></li>
		</ul>
		
<li style="font-size: 9pt; list-style: disc;" type=disc class=p><p class="whs2">Place at 
 least <span style="font-weight: bold;"><B>two metrics</B></span> on the Grid/Graph's 
 columns. The values of these two metrics produce the bubbles in the widget, 
 as described below:</p></li>
		<ul type="disc" class="whs8">
			
<li style="font-size: 9pt;" class=p><p class="whs2">The 
 first (left-most) metric determines the size of the bubbles. The smallest 
 metric values produce the smallest bubbles in the widget; the largest 
 metric values produce the largest bubbles.</p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs2">The 
 second metric determines the color of the bubbles. For example, if Profit 
 is the second metric on the columns, the colors of the bubbles depict 
 the range of profit values. You can determine which colors are used for 
 minimum and maximum metric values. This range of colors is depicted in 
 the legend at the bottom of the widget, if the legend is enabled. </p></li>
			
<li style="font-size: 9pt;" class=p><p class="whs2">Additional 
 metrics are displayed in tooltips when an analyst hovers the cursor over 
 a bubble in MicroStrategy Web. These metrics do not have an effect on 
 the size or color of the bubbles in the widget.</p></li>
		</ul>
	</ul>
</ol>
<p class="whs7">&nbsp;</p>
<p class="whs7">Enable 
 the widget to be displayed</p>
<ol start="6" type="1" class="whs6">
	
<li style="margin-left: -20px;" class=p><p class="whs10">View 
 and test your results in one of two ways: </p></li>
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select <span 
 style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu.</p></li>
</ol>
<ul>
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>If Flash 
 Mode is not available in the Home menu, you must make Flash Mode available 
 in the document. For steps, see 
<a href="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
</ul>
<ol start="6" type="1" class="whs6">
	
<li class=p-TopicTextBulleted><p class=TopicTextBulleted>Select <span 
 style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu.</p></li>
</ol>
<ul>
<li class=p-TopicTextBulleted2><p class=TopicTextBulleted2>The widget 
 must be enabled to be displayed in non-Flash mode to be viewable in Interactive 
 Mode. For instructions to allow a widget to be displayed in non-Flash 
 mode, see 
<a href="Widget_non_Flash.htm">Determining how a widget is rendered 
 in non-Flash modes</a>.</p></li>
</ul>
<p class="whs7">Related 
 topics</p>
<ul type="disc" class="whs8">
	
<li class=p><p class="whs11">
<a 
 href="Formatting_a_Bubble_Grid_widget.htm">Formatting a Bubble Grid widget</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Analyzing_data_in_a_Bubble_Grid_widget.htm">Analyzing data in a 
 Bubble Grid widget</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="About_using_a_Bubble_Grid_widget_as_a_selector.htm">About using 
 a Bubble Grid widget as a selector</a></p></li>
	
<li class=p><p class="whs11">
<a 
 href="Flash_Mode.htm">Working with documents in Flash Mode</a></p></li>
</ul>
<p class="whs2">&nbsp;</p>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
